// 路由配置
import GeekLayout from "@/pages/Layout";
import Login from "@/pages/Login";
import { createBrowserRouter } from "react-router-dom";
import AuthRoute from "@/components/AuthRoute";
import { lazy, Suspense } from "react";

// 1.lazy函数对组件进行导入
const Home = lazy(() => import("@/pages/Home"))
const Article = lazy(() => import("@/pages/Article"))
const Publish = lazy(() => import("@/pages/Publish"))


// 配置路由实例
const router = createBrowserRouter([
    {
        path: '',
        element: <AuthRoute><GeekLayout /></AuthRoute>,
        children: [
            {
                index: true,
                path: 'home',
                element: <Suspense fallback={'加载中。。'}><Home /></Suspense>
            },
            {
                path: 'article',
                element: <Suspense fallback={'加载中。。'}><Article /></Suspense>
            },
            {
                path: 'publish',
                element: <Suspense fallback={'加载中。。'}><Publish /></Suspense>
            }
        ]
    }, {
        path: '/login',
        element: <Login />
    }
])

export default router